
<div class="eject_con group_apply">
    <div id="apply_warning"></div>
    <form id="apply_form" action="{:url('circle/Group/apply',['c_id'=>$c_id])}" method="post">
        <input type="hidden" name="form_submit" value="ok" />
        <dl>
            <dt>申请加入“{$circle_info['circle_name']}“的原因</dt>
            <dd>
                <h4><i class="a"></i>成为圈中成员之前，希望您能告诉我们是什么原因使您加入到本圈？</h4>
                <h5>例如：本人乃购物达人，大家志同道合，有好多购物经验要和圈友分享哦！</h5>
                <textarea name="apply_content" class="textarea"></textarea>
            </dd>
        </dl>
        <dl>
            <dt>新人自我介绍</dt>
            <dd>
                <h4><i class="b"></i>在这里写下你的个性介绍，是让别的圈友了解并熟悉你的最佳方法。</h4>
                <h5>例如：大家好，我是咪咪，女，90后，天秤座，来自北京，我有好多好多的购物经验要跟大伙儿分享~ 爱好：买衣服，挑首饰，自拍，交朋友...</h5>
                <textarea name="intro" class="textarea"></textarea>
            </dd>
        </dl>
        <div class="bottom"> <a class="submit-btn" nctype="apply_submit" href="Javascript: void(0)">提交申请</a><a class="cancel-btn" nctype="apply_cancel" href="Javascript: void(0)">取消</a>
        </div>
    </form>
</div>
<script type="text/javascript" src="__SITE_RESOURCE__/js/jquery.validation.min.js"></script>
<script type="text/javascript">
    $(function(){
        $('a[nctype="apply_submit"]').click(function(){
            if($("#apply_form").valid()){
                $("#apply_form").submit();
            }
        });
        $('a[nctype="apply_cancel"]').click(function(){
            DialogManager.close('apply_join');
        });
        $('#apply_form').validate({
            errorLabelContainer: $('#apply_warning'),
            invalidHandler: function(form, validator) {
                $('#apply_warning').show();
            },
            submitHandler:function(form){
                ajaxpost('apply_form', "{:url('circle/Group/apply',['c_id'=>$c_id])}", '', 'onerror');
            },
            rules : {
                apply_content : {
                    required : true,
                    maxlength : 140
                },
                intro : {
                    required : true,
                    maxlength : 140
                }
            },
            messages : {
                apply_content : {
                    required : '请填写申请原因',
                    maxlength : '申请原因不能超过140个字符'

                },
                intro  : {
                    required : '请填写自我介绍',
                    maxlength : '自我介绍不能超过140个字符'
                }
            }
        });
    });
</script>